@media only screen and (min-width: 360px) and (max-width: 700px) {
    html {
        font-size: 10px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 900px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1500px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1800px) {
    html {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1801px) and (max-width: 1920px) {
    html {
        font-size: 10px;
    }
}

@media only screen and (min-width: 1921px) {
    html {
        font-size: 10px;
    }
}

// @media only screen and (min-width: 1220px) and (max-width: 1300px) {
//     html {
//         font-size: 12px;
//     }
// }
